<script language="javascript" type="text/javascript" src="../css/niceForm/niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="../css/niceForm/niceforms-default.css" />
<link rel="stylesheet" type="text/css" href="../css/niceForm/style.css" />
<link rel="Stylesheet" type="text/css" href="../smooth-Div-Scroll/css/smoothDivScroll.css" />" />
<style type="text/css">

    #makeMeScrollable
    {
        width:100%;
        height: 330px;
        position: relative;
    }

        /* Replace the last selector for the type of element you have in
           your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
           if you have links use #makeMeScrollable div.scrollableArea a and so on. */
    #makeMeScrollable div.scrollableArea img
    {
        position: relative;
        float: left;
        margin: 0,2;
        padding: 0,2;
        /* If you don't want the images in the scroller to be selectable, try the following
           block of code. It's just a nice feature that prevent the images from
           accidentally becoming selected/inverted when the user interacts with the scroller. */
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
    }
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>IN ADMIN PANEL | Powered by INDEZINER</title>
    <link rel="stylesheet" type="text/css" href="../style.css" />
    <script type="text/javascript" src="../jquery-ui-1.10.3.custom.js"></script>
    <script type="text/javascript" src="../jquery.min.js"></script>
    <script type="text/javascript" src="../ddaccordion.js"></script>

    <script type="text/javascript">
        ddaccordion.init({
            headerclass: "submenuheader", //Shared CSS class name of headers group
            contentclass: "submenu", //Shared CSS class name of contents group
            revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
            mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
            collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
            defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
            onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
            animatedefault: false, //Should contents open by default be animated into view?
            persiststate: true, //persist state of opened contents within browser session?
            toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
            togglehtml: ["suffix", "<img src='../img/images/plus.gif' class='statusicon' />", "<img src='../img/images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
            animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
            oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
                //do nothing
            },
            onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
                //do nothing
            }
        })
    </script>
    <script src="../jquery.jclock-1.2.0.js.txt" type="text/javascript"></script>
    <script type="text/javascript" src="../jconfirmaction.jquery.js"></script>
    <script type="text/javascript">

        $(document).ready(function() {
            $('.ask').jConfirmAction();



            //Loading DIv Change
            $('#cliente').click(function(e) {
                // prevent the default action when a nav button link is clicked
                e.preventDefault();

                // ajax query to retrieve the HTML view without refreshing the page.
                $.ajax({
                    type: 'get',
                    url: '<?= base_url()?>index.php/cliente',

                    dataType: 'html',
                    success: function (html) {
                        // success callback -- replace the div's innerHTML with
                        // the response from the server.
                        $('#content').children().remove();
                        $('#content').html(html);
                    }
                });
            });
            //Loading DIv Change
            $('#producto_ajeno').click(function(e) {
                // prevent the default action when a nav button link is clicked
                e.preventDefault();

                // ajax query to retrieve the HTML view without refreshing the page.
                $.ajax({
                    type: 'get',
                    url: '<?= base_url()?>index.php/producto_ajeno',
                    dataType: 'html',
                    success: function (html) {
                        // success callback -- replace the div's innerHTML with
                        // the response from the server.
                        $('#content').children().remove();
                        $('#content').html(html);
                    }
                });
            });

        });

    </script>
    <script type="text/javascript">
        $(function($) {
            $('.jclock').jclock();
        });
    </script>


    <!-- jQuery library - Please load it from Google API's -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>

    <!-- jQuery UI Widget and Effects Core (custom download)
         You can make your own at: http://jqueryui.com/download -->
    <script src="../smooth-Div-Scroll/js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>

    <!-- Latest version (3.0.6) of jQuery Mouse Wheel by Brandon Aaron
         You will find it here: http://brandonaaron.net/code/mousewheel/demos -->
    <script src="../smooth-Div-Scroll/js/jquery.mousewheel.min.js" type="text/javascript"></script>

    <!-- jQuery Kinectic (1.5) used for touch scrolling -->
    <script src="../smooth-Div-Scroll/js/jquery.kinetic.js" type="text/javascript"></script>

    <!-- Smooth Div Scroll 1.3 minified-->
    <script src="../smooth-Div-Scroll/js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>

    <!-- If you want to look at the uncompressed version you find it at
         js/jquery.smoothDivScroll-1.3.js -->

    <!-- Plugin initialization -->
    <script type="text/javascript">
        // Initialize the plugin with no custom options
        $(document).ready(function () {
            // None of the options are set
            $("div#makeMeScrollable").smoothDivScroll({
                autoScrollingMode: "onStart"
            });
        });
    </script>



    <script language="javascript" type="text/javascript" src="../niceforms.js"></script>
    <link rel="stylesheet" type="text/css" media="all" href="../niceforms-default.css" />

</head>
<body>
<div id="main_container">

<div class="header">
  <div class="logo"><a href="#"><img src="img/images/Imagen_MANA_logo.jpg" alt="" title="" border="0" /></a></div> imagen del horno


    <!-- <div class="right_header">Welcome Admin, <a href="#">Visit site</a> | <a href="#" class="messages">(3) Messages</a> | <a href="#" class="logout">Logout</a></div>![endif]-->

     <div class="jclock"></div>
 </div>

 <div class="main_content">

    <div class="menu">
        <ul>
            <li><a class="current" href="../index.php/principal">Inicio</a></li>
            <li><a >Historia<!--[if IE 7]><!--></a><!--<![endif]-->

                <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>
                    <li><a href="../index.php/historia_mana" title="">la historia  </a></li>

                </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
            <li><a >Mision<!--[if IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>
                    <li><a href="../index.php/mision" title="">mision de la empresa</a></li>


                </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
            <li><a >Vision<!--[if IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>
                    <li><a href="../index.php/vision" title="">la vision de la empresa</a></li>

                </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
            <li><a href="../index.php/principal">Administracion<!--[if IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>

                    <li><a class="sub1" href="../index.php/" title="">Introducir el Password<!--[if IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <!-- <ul>
                            <!--  <li><a href="../index.php/admin" title="">ADMINISTRADOR</a></li>
                            <!--  <li><a href="../index.php/operador" title="">USUARIO</a></li>


                       <!--// </ul>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                    </li>


                </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>

            <li><a >Ubicacion<!--[if IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>
                    <!--<li><a href="../index.php/mapas" title="">Mapa</a></li>-->
                    <li><a href="../index.php/mapita" title="">Mapa</a></li>

                </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>

            <!--[if lte IE 6]></td></tr></table></a><![endif]-->

            <li><a href="../index.php/contact">Contactos</a></li>
        </ul>
    </div>




    <div class="center_content">



        <div class="left_content">



            <div class="sidebarmenu">

                <a class="menuitem submenuheader" href="">Registrar</a>
                <div class="submenu">
                    <ul>
                        <li id="LiClient"><a href="" id="cliente"> Cliente</a></li>
                        <li id="Liprod_ajeno"><a href="" id="producto_ajeno"> Producto Ajeno</a></li>

                        <li><a href="">Servicios de matenimiento</a></li>
                    </ul>
                </div>

                <a class="menuitem submenuheader" href="">Hornos</a>
                <div class="submenu">
                    <ul>
                        <li><a href="../index.php/horno_rotatibo"> Rotatibo Rot_30</a></li>

                        <li><a href="../index.php/rota_junior">Rotatibo  junior hhh</a></li>
                        <li><a href="../index.php/turbo">Turbo</a></li>
                    </ul>
                </div>
                <a class="menuitem submenuheader" href="">Amasadoras</a>
                <div class="submenu">
                    <ul>
                        <li><a href="../index.php/aspiralgrande"> Aspiral Grnde</a></li>

                        <li><a href="../index.php/aspiralmediano">Aspiral Mediano</a></li>
                        <li><a href="../index.php/aspiral">Aspiral Pequeño</a></li>

                    </ul>
                </div>
                <a class="menuitem submenuheader" href="">Divisoras</a>
                <div class="submenu">
                    <ul>
                        <li><a href="../index.php/divisora"> Comperestal</a></li>

                    </ul>
                </div>
                <a class="menuitem submenuheader" href="">COMPLEMENETOS</a>
                <div class="submenu">
                    <ul>
                        <li><a href="../index.php/cliente">carro enfriador </a></li>

                        <li><a href="../index.php/producto_ajeno">mesas de trabajo</a></li>

                        <li><a href="">camara de fermentacion</a></li>
                       <li><a href="">bandejas normales y honduladas</a></li>
                    </ul>
                </div>




            </div>
            <div class="NFTextareaRight_blue"><h2>Contactos<br>Telefono : (591)(04)4257566<br>Cochabamba - Bolivia</h2></div>
        </div>

        <div class="right_content">

            <h2> Tipos de  Productos </h2>


            <table id="rounded-corner" summary="2007 Major IT Companies' Profit">
                <tbody>
                <thead>
                <tr>
                  <center> <th scope="col" class="rounded-company"><marquee>BIEN VENIDOS A LA PAGINA</marquee></th></center>

                    <th scope="col" class="rounded-q4"></th>
                </tr>
                </thead>
                </tbody>
            </table>
            <table>
                <tbody>


                <tr>
                    <div id="content">
                        <div id="makeMeScrollable">
                            <img src="../img/images/rotatibo.jpg" alt="Demo image" />

                            <img src="../img/images/rotatibo16.jpg" alt="Demo image"  />

                            <img src="../img/images/hornoturbo.jpg" alt="Demo image"  />

                            <img src="../img/images/photo-0003.jpg" alt="Demo image"  />

                            <img src="../img/images/Photo-0002.jpg" alt="Demo image"  />

                            <img src="../img/images/Photo-0012.jpg" alt="Demo image"  />

                            <img src="../img/images/photo-0004.jpg" alt="Demo image"  />

                            <img src="../img/images/Photo-0005.jpg" alt="Demo image"  />

                            <img src="../img/images/Photo-0006.jpg" alt="Demo image"  />

                            <img src="../img/images/photo-0007.jpg" alt="Demo image"  />

                            <img src="../img/images/Photo-0008.jpg" alt="Demo image" />

                            <img src="../img/images/Foto-0057.jpg" alt="Demo image" />

                            <img src="../img/images/Foto-0059.jpg" alt="Demo image" id="field" />

                        </div>
                    </div>
                </tr>


                </tbody>
            </table>





            <div class="pagination">

            </div>






        </div><!-- end of right content-->


    </div>   <!--end of center content -->

    <div class="clear"></div>
</div> <!--end of main content-->


<div class="footer">

    <div class="left_footer">HORNOS INDUSTRIAL | PANIFICACION  <a href="http://indeziner.com">Tec.MANA</a></div>

</div>
<div class="mar">
    <div>
        <h4 id="siteName"><font color=#FFFFFF><marquee><center>FABREICA DE HORNOS INDUSTRIALES PARA LA PANADERIA Y SU IMPLEMENTO</center></marquee></font></h4>

</div>
</div>
</body>
</html>